<html>
<head>
    <meta charset="UTF-8"> <!-- for HTML5 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="appleid-signin-client-id" content="xxxxxx">
    <meta name="appleid-signin-scope" content="name email">
    <meta name="appleid-signin-redirect-uri" content="http://xxxxxx/apple/callback">
    <meta name="appleid-signin-state" content="1234567">
    <!--    <meta name="appleid-signin-use-popup" content="true"> &lt;!&ndash; or false defaults to false &ndash;&gt;-->
    <style type="text/css">
        #apple-div {
            padding-left: 30%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div id="apple-div">
    <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
</div>
<script type="text/javascript"
        src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
</body>
</html>